<template>
<div class="INTRODUCTION">
    <div class="introduction-university">
        <i class="el-icon-location-information"></i>
        {{university}}
    </div>
    <div class="introduction-participation">
        {{paticipation}}
    </div>
    <el-button type="warning">{{focus}}</el-button>
</div>
</template>

<script>
export default {
  data () {
    return {
      university: '中国矿业大学',
      // 具体实现之后考虑
      // 初步构思截止时间小时减去当前小时获取小时数，之后换算天数
      paticipation: '距离结束还是2天23小时',
      focus: '+关注问题'
    }
  }
}
</script>

<style lang='scss'>
  .INTRODUCTION {
    font-family: 微软雅黑;
    font-weight: bold;
    display: table;
    width: 100%;
    // padding-top: 2%;
    padding-bottom: 5px;
    .introduction-university {
      display: table-cell;
      font-size: 11px;
      color: rgb(155, 155, 155);
      padding-left: 10px;
    }
    .introduction-participation {
      display: table-cell;
      font-size: 15px;
      color: gray;
    }
    // .introduction-other {
    //   display: table-cell;
    //   // color: black;
    //   // padding-top: 0;
    //   // border-radius: 20px;
    //   // background-color: #E9BD7a;
    //   // outline: none;
    // }
  }
</style>
